import request from '../../utils/request'

// pages/category/category.js
Page({
  data: {
    //左侧的菜单数据
    leftMenuList: [],
    //右侧的商品数据
    rightContent: [],
    //当前点击的一级分类
    currentIndex: 0
  },
  //接口的返回数据
  cates: [],
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //如果没有就发送请求

    const cates = wx.getStorageSync('cates')
    if(!cates){
      this.getCate()
    }else {
      let interval = Date.now() - cates.time 
      console.log('时间',interval);
      if(interval > 1000*10){
        console.log('超时了重新获取数据');
        this.getCate()
      }else {
        console.log('我有缓存我走的缓存');
        console.log(cates);
        this.cates = cates.data
        let leftMenuList = cates.data.map(v=> v.cat_name)
        this.setData({
          leftMenuList
        })
        let rightContent = cates.data[0].children
        this.setData({
          rightContent
        })
      }
    }
  },
  //请求数据
  getCate(){
    request('/v1/categories').then(res => {
      console.log('结果',res);
      this.cates = res.message
      console.log(this.cates);
      //左边的分类存储
      let leftMenuList = this.cates.map(v => v.cat_name)
      this.setData({
        leftMenuList
      })
      //右边的商品
      let rightContent = this.cates[0].children
      this.setData({
        rightContent
      })
      //请求成功将数据存到缓存中
      wx.setStorageSync('cates',{time: Date.now(),data: this.cates})
    })
  },
  //点击左侧一级菜单的回调
  handleItemTap(e){
    console.log(e.currentTarget.dataset.index);
    this.setData({
      currentIndex:e.currentTarget.dataset.index
    })
    //更新右侧数据
    let rightContent = this.cates[this.data.currentIndex].children
    this.setData({
      rightContent
    })
  },
  //点击跳转到详情
  handleJump(e){
    console.log(e.currentTarget.dataset.cat_id);
    let cat_id = e.currentTarget.dataset.cat_id
    wx.navigateTo({
      url: '/pages/goods-details/goods-details?cat_id=' + cat_id
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {


  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
        // tabber切换
        if (typeof this.getTabBar === 'function' && this.getTabBar()) {
          this.getTabBar().setData({
            selected: 1 // 数字是当前页面在tabbar的索引,如我的查询页索引是2，因此这边为2，同理首页就为0，消息中心页面为1
          })
        }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})